<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css" />

    <script src="./src/vconsole.min.js"></script>
    <script src="./src/socket.io.js"></script>
    <script>
        // VConsole will be exported to `window.VConsole` by default.
        var vConsole = new window.VConsole();
    </script>
</head>
<body>
    <div class="chat-wrap">
        <div class="chat-user">
            <h2>用户列表</h2>
            <ul></ul>
        </div>
        <div class="chat-ctx">
            <div class="room-title">web聊天室</div>
            <div id="chat-msg" class="chat-msg"></div>
            <div class="chat-control">
                <div class="chat-menus">
                    <ul>
                        <li>表情</li>
                        <li>发图片</li>
                        <li>发文件</li>
                        <li>语音</li>
                        <li>视频</li>
                    </ul>
                </div>
                <div class="chat-inp">
                    <textarea id="msg" autofocus placeholder="按Ctrl+Enter发送"></textarea>
                    <button id="send">发送</button>
                </div>

            </div>
        </div>
    </div>
    <script src="./src/chat.js"></script>
</body>
</html>